<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="JOMOO维修师傅专用系统" />
		<title>JOMOO维修登记平台</title>
		<link type="text/css" rel="stylesheet" href="include/css/css.css" />
		<link type="text/css" rel="stylesheet" href="include/css/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="include/iconFont/1.0.8/iconfont.css"/ >
		<link type="text/css" rel="stylesheet" href="include/css/welcome.css" />
		</head>
		<script type="text/javascript">
			function showCenters()
		    {
		    	layer.open({
				    type: 2,
				    skin: 'layui-layer-lan', 
				    title: "向导流程",
				    shadeClose: false,
				    shade: 0.4,
				    closeBtn: 2,
				    anim:5,
				    area: ['720px', '55%'],
				    offset:['90px','170px'],
				    fadeIn : [600 , true],
				    loading : {type : 1},
				    content: 'FlowSheet.jsp?sheet=0'
				}); 
		    }
			
			function showAccountOrNote(){
				var index = layer.open({  
                    type: 2,
                    closeBtn:1,
                    content: 'view/account/anyWhereView.jsp',  
                    area: ['820px', '500px'], 
                   	offset:['60px','150px'],
                    title: '<font style="color:gray;">当前位置：随心记</font>',  
                    maxmin: false 
                });
				layer.full(index);
			}
			
			function showJisuan()
		    {
		    	layer.open({
				    type: 2,
				    skin: 'layui-layer-lan', 
				    title: '<i class="Hui-iconfont" style="font-size:20px;">&#xe6b5;</i> 师傅计算器',
				    shadeClose: false,
				    shade: [0],
				    closeBtn: 1,
				    anim:5,
				    area: ['461px', '66.3%'],
				    offset:['40px','260px'],
				    fadeIn : [600 , true],
				    loading : {type : 1},
				    content: 'view/sys/jisuanTool.jsp'
				}); 
		    }
			
			function showAccountView()
		    {
		    	layer.open({
				    type: 2,
				    skin: 'layui-layer-lan', 
				    title: '<i class="Hui-iconfont" style="font-size:20px;">&#xe61e;</i> 本月产品安装明细图',
				    shadeClose: false,
				    shade: [0],
				    closeBtn: 2,
				    anim:5,
				    area: ['851px', '450px'],
				    offset:['65px','120px'],
				    fadeIn : [600 , true],
				    loading : {type : 1},
				    content: 'view/account/accountShowView.jsp'
				}); 
		    }
			
			function showtip(num)
			{
				if(1 == num)
				{
					  layer.tips('新产品录入', '#tip1', {tips: [3, '#ff4a43'],guide:1,time:5000});
				}
				if(2 == num)
				{
					  layer.tips('客户管理', '#tip2', {tips: [3, '#22beef'],guide:1,time:5000});
				}
				if(3 == num)
				{
					  layer.tips('地址区域管理', '#tip3', {tips: [3, '#a2d200'],guide:1,time:5000});
				}
				if(4 == num)
				{
					  layer.tips('多用户使用管理', '#tip4', {tips: [3, '#8e44ad'],guide:1,time:5000});
				}
			}
			
			function closetip(num)
			{
				if(1 == num)
				{
					  layer.tips('','#tip1', {tips: [3, '#ff4a43'],guide:1,time:100});
				}
				if(2 == num)
				{
					  layer.tips('','#tip2', {tips: [3, '#22beef'],guide:1,time:100});
				}
				if(3 == num)
				{
					  layer.tips('','#tip3', {tips: [3, '#a2d200'],guide:1,time:100});
				}
				if(4 == num)
				{
					  layer.tips('','#tip4', {tips: [3, '#8e44ad'],guide:1,time:100});
				}
			}
			
			
			function sawCountView(flag)
			{
				if(1 == flag)
				{
					if(0 == $("#hwait").val())
					{
						return;
					}
					else
					{
						showCountView(flag);
					}
				}
				if(2 == flag)
				{
					if(0 == $("#hfix").val())
					{
						return;
					}
					else
					{
						showCountView(flag);
					}
				}
				if(3 == flag)
				{
					if(0 == $("#hexec").val())
					{
						return;
					}
					else
					{
						showCountView(flag);
					}
				}
				if(4 == flag)
				{
					if(0 == $("#hyc").val())
					{
						return;
					}
					else
					{
						showCountView(flag);
					}
				}
				if(5 == flag)
				{
					showCountView(flag);
				}
			}
			
			function showCountView(flags)
			{
				var msg = '';
				
			 	if(1 == flags)
			    {
			    	msg = '待安装卡单详情';
			    }
				if(2 == flags)
			    {
			    	msg = '待维修卡单详情';
			    }
				if(3 == flags)
			    {
			    	msg = '异常卡单详情';
			    }
				if(4 == flags)
			    {
			    	msg = '延迟安装卡单详情';
			    }
				if(5 == flags)
			    {
			    	msg = '卡单废纸篓';
			    }
				layer.open({
				    type: 2,
				    skin: 'layui-layer-lan', 
				    title: msg,
				    shadeClose: false,
				    shade: [0],
				    closeBtn: 1,
				    anim:5,
				    area: ['900px', '54%'],
				    offset:['130px', '100px'],
				    fadeIn : [600 , true],
				    loading : {type : 1},
				    content: 'view/sys/IndexMsgShowTable.jsp?flag='+flags
				}); 
			}
		</script>
	<body>
		<div class="mainbody" style="margin-top: -10px">
			<div class="currmenu">
				<ul class="rig_nav">
					<li>
						&nbsp;&nbsp;<font style="color: gray;">当前位置：欢迎主页</font>
					</li>
				</ul>
			</div>
			<div class="rig_link">
			<div class="four-grids">
					<div style="margin-left: 250px;" class="col-md-3 four-grid" id="tip1" onmouseover="showtip(1);" onmouseout="closetip(1);">
						<a href="javascript:void(0);" style="text-decoration:none;" onclick="showCenters();" >
							<div class="four-agileits a1" style="height: 220px;width:230px;margin-left: 15px;">
								<div class="four-text">
									<h4 style="font-weight: bolder;margin-top: 60px">产品管理</h4>
									<h3 style="font-weight: bolder;margin-top: 10px">(功能未开放)</h3>
								</div>
							</div>
						</a>
					</div>
					<div style="margin-left: -20px;" class="col-md-3 four-grid" id="tip2" onmouseover="showtip(2);" onmouseout="closetip(2);">
						<a href="javascript:void(0);" style="text-decoration:none;" onclick="showAccountOrNote();">
							<div class="four-agileinfo a2" style="height: 220px;width:230px;margin-left: 5px;" >
								<div class="four-text" >
									<h4 style="font-weight: bolder;margin-top: 60px">客户管理</h4>
									<h3 style="font-weight: bolder;margin-top: 10px">(功能未开放)</h3>
								</div>
							</div>
						</a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="four-grids" style="margin-top: -20px">
					<div style="margin-left: 265px;" class="col-md-3 four-grid" id="tip3" onmouseover="showtip(3);" onmouseout="closetip(3);">
						<a href="javascript:void(0);" style="text-decoration:none;">
							<div class="four-w3ls a3" style="height: 220px;width:230px;margin-left: 0px;">
								<div class="four-text">
									<h4 style="font-weight: bolder;margin-top: 60px">地区管理</h4>
									<h3 style="font-weight: bolder;margin-top: 10px">(功能未开放)</h3>
								</div>
							</div>
						</a>
					</div>
					<div style="margin-left: -30px;margin-top: 0px" class="col-md-3 four-grid" id="tip4" onmouseover="showtip(4);" onmouseout="closetip(4);">
						<a href="javascript:void(0);" style="text-decoration:none;">
						<div class="four-wthree a4" style="height: 220px;width:230px;margin-left: 0px;">
							<div class="four-text">
								<h4 style="font-weight: bolder;margin-top: 60px">用户管理</h4>
								<h3 style="font-weight: bolder;margin-top: 10px">(功能未开放)</h3>
							</div>
						</div>
						</a>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="include/js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="include/layer/layer.js"></script>
		<script type="text/javascript" src="include/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="include/js/H-ui.js"></script>
		<script type="text/javascript" src="include/js/H-ui.admin.js"></script>
	</body>